<template>
  <a-modal
    title="详情"
    style="top: 20px;"
    :width="900"
    v-model="visible"
    :maskClosable="false"
    @ok="handleSubmit"
  >
    <div style="padding: 20px">
      <div class="text item"><strong>发送人：</strong> <span data-v-1ed4a616="">{{ mdl.formUser }}</span></div>
      <div class="text item"><strong>发送时间：</strong> <span data-v-1ed4a616="">{{ mdl.createTime }}</span></div>
      <div class="text item"><strong>标题：</strong> <span data-v-1ed4a616="">{{ mdl.subject }}</span></div>
      <div class="text item"><strong>内容：</strong>
        <span>
          <p style="margin-top:8px" v-html="mdl.content"></p>
        </span>
      </div>
    </div>

  </a-modal>
</template>

<script>
export default {
  components: {
  },
  data () {
    return {
      visible: false,
      mdl: {},
      labelCol: {
        xs: { span: 24 },
        sm: { span: 5 }
      },
      wrapperCol: {
        xs: { span: 24 },
        sm: { span: 16 }
      }
    }
  },
  methods: {
    open (mdl) {
      this.visible = true
      this.mdl = mdl
      console.log(mdl)
    },
    handleSubmit () {
        this.visible = false
    }

  }
}
</script>
<style lang="less" scoped>
/deep/ .w-e-toolbar {
  flex-wrap: wrap;
}

.item {
    padding: 10px 0;
}

.text {
    font-size: 14px;
}
</style>
